﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>@ViewBag.Title</title>
    <!--框架必需start-->
    <script src="~/Content/scripts/jquery/jquery-1.10.2.min.js"></script>
    <link href="~/Content/styles/font-awesome.min.css" rel="stylesheet" />
    @*<link href="~/Content/scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
        <script src="~/Content/scripts/plugins/jquery-ui/jquery-ui.min.js"></script>*@
    <script src="~/Content/scripts/utils/learun-ui.js"></script>
    <!--框架必需end-->
    <!--bootstrap组件start-->
    <link href="~/Content/scripts/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Content/scripts/bootstrap/bootstrap.min.js"></script>
    <!--bootstrap组件end-->
    <script src="~/Content/scripts/plugins/datepicker/WdatePicker.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <style>
        body {
            /*margin: 10px;*/
            margin-bottom: 0px;
            background-color: #f7f7f7;
            padding-top: 57px; /*有顶部固定导航条时设置*/
            padding-bottom: 57px; /*有底部固定导航条时设置*/
        }

        .container-fluid, .container {
            padding-right: 0;
            padding-left: 0;
        }

        #bottom-nav div a {
            text-decoration: none;
            color: #ccc;
        }

            .active-nav, #bottom-nav div a:hover, #bottom-nav div a:active {
                color: #f75e46 !important;
            }

        .glyphicon-class {
            display: block;
            text-align: center;
            word-wrap: break-word;
        }

        .fa {
            font-size: 25px;
        }

        .navbar-fixed-top {
            background-color: #f75e46;
            color: #ffffff;
        }

        /*.row-fluid {
            margin-bottom: 10px;
        }*/
        .area_backg_c {
            background-color: #ffffff;
        }

        .row-info {
            background-color: #ffffff;
            margin: 0 0 10px 0;
        }

        .row-info-sub {
            margin: 0 0 10px 0;
        }


        .padding-top {
            padding-top: 10px;
        }

        .content-info {
            padding: 10px 0;
        }

            .content-info h4 {
                /*font-size: 16px;*/
                overflow: hidden;
                white-space: nowrap;
                -moz-text-overflow: ellipsis;
                text-overflow: ellipsis; /*文本超出一行后隐藏*/
            }

        .font-title {
            font-size: 28px;
            color: #4c4c4c;
        }

        .form-group-info {
            padding-left: 10px;
        }

            .form-group-info .btn-sm {
                font-size: 14px;
            }

        .font-lable {
            font-size: 12px;
            color: #999999;
        }

        .font-color {
            color: #f75e46;
        }

        .font-color-1 {
            color: #f7a646;
        }

        .btn-info-c {
            color: #ffffff;
        }

        .btn-s-bg {
            background-color: #f7a646;
        }

        .btn-f-bg {
            background-color: #f75e46;
        }

        .font-color-def {
            color: #808080;
        }

        .foot-submit {
            line-height: 2.3;
            background-color: #fdf2f2;
            color: #f75e46;
            font-size: 22px;
            margin-bottom: 9px;
        }

        .icon-img {
            margin: 0 5px 2px 0;
        }

        .order-info {
            font-size: 16px;
            color: #4c4c4c;
            line-height: 1.4;
            margin-left: 0 !important;
        }
    </style>
</head>
<body>
    @*<div class="container-fluid">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0; margin: 0;">*@
                <div class="navbar navbar-fixed-top" >
                        <div class="navbar-inner">
                            <div class="h4 text-center">
                                生活秀-为您生活保驾护航
                            </div>
                        </div>
                    </div>

                <div class="navbar navbar-default navbar-fixed-bottom area_backg_c" id="bottom-nav">
                    <div class="nav nav-tabs nav-tabs-justified">
                        <div class="container-fluid">
                            <div class="row" align="center">
                                <div class="col-md-3 col-sm-3 col-xs-3 " align="center">
                                    <a href="@Url.Action("ReducedCommodity", "Product", new {active = 1})" class="active-nav" data-itemvalue="1">
                                        <span class="fa fa-sort-amount-desc "></span>
                                        <span class="glyphicon-class">降价提醒</span>
                                    </a>
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-3" align="center">
                                    <a href="@Url.Action("ShelfReminder", "product", new {active = 2})" data-itemvalue="2">
                                        <span class="fa fa-bell-o"></span>
                                        <span class="glyphicon-class">上架提醒</span>
                                    </a>
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-3" align="center">
                                    <a href="@Url.Action("OrderCenter", "product", new {active = 3})" data-itemvalue="3">
                                        <span class="fa fa fa-modx"></span>
                                        <span class="glyphicon-class">提交订单</span>
                                    </a>
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-3" align="center">
                                    <a href="@Url.Action("MemberCenter", "product", new {active = 4})" data-itemvalue="4">
                                        <span class="fa  fa-user"></span>
                                        <span class="glyphicon-class">会员中心</span>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


                @RenderBody()
            @*</div>
        </div>
    </div>*@
    @*@Html.AntiForgeryToken()*@
    <script type="text/javascript">
        $(function () {
            $("#bottom-nav a").each(function () {
                if (request("active") == $(this).data("itemvalue")) {
                    $("#bottom-nav a").removeClass("active-nav");
                    $(this).addClass("active-nav"); //.siblings().removeClass("active-nav");
                }
            });
        });
    </script>
</body>
</html>
